.item-editor {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    align-items: left;
}

.item-editor-header, .item-editor-footer {
    display: flex;
    align-items: center;
}

.item-editor-header > * {
    margin: 4px;
}

.item-editor > * {
    margin-top: 2px;
}

.item-editor-enchants {
    display: flex;
    flex-direction: column;
    height: 100px;
    align-items: left;
    overflow-y: scroll;
}

.item-editor-gem-button {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("assets/images/reroll_sockets.png");
}

.item-editor-gem-button:hover {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("assets/images/skill_slots.png") -48px 0px, url("assets/images/reroll_sockets.png");
}

.gem-sockets {
    height: 24px;
}

.item-editor-label {
    font-size: 8px;
}

.item-editor-footer-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item-editor-footer-2 > * {
    margin-left: 2px;
    margin-right: 2px;
}
